{include file="public/head" title="认证" keywords="认证" description="认证" /}
<style>
    .toauth span{
        font-size: 0.7rem;
    }
    .toauth input{
        font-size: 0.7rem;
    }
    .mui-switch:before{
        top:-15px;
    }
    .mui-switch.mui-active{
        border-color:#01cebf;
        background-color:#01cebf;
    }

</style>
<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
    <!-- 菜单容器 -->

    <div class="mui-inner-wrap">
        <div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper" style="background-color: #fff;">
            <div class="mui-scroll">
                <header class="tx_head">
                    <p>
                        <a href="javascript:history.go(-1)" class="header_p1"><span class="mui-icon mui-icon-arrowleft"></span></a>
                    <h5>支付</h5>
                    </p>
                </header>
                <main class="wdzh_main">
                    <section class="">
                        <ul class="">
                            <li class="jyjl_li" style="border-bottom: 7px solid #f3f3f3;line-height: 0;height: 0.1rem;">

                            </li>
                            <li  class="toauth"><span style=" margin-right: 28px;   margin-left: 2.5rem;">订单编号:</span>
                                {$order.order_mun}
                            </li>
                            <li class="toauth"><span style="margin-right: 28px;margin-left: 2.5rem;">产品名称:</span>
                                {$order.fenlei_id}
                            </li>

                            <li class="toauth"><span style="margin-right: 28px;margin-left: 2.5rem;">商品价格:</span>
                                {$order.order_price}
                            </li>

                            <li class="toauth " style="padding: 10px;text-align: center;border-bottom:none">
                                <input style="width: 280px;height: 2rem; background: #01cebf;font-size: 1rem;" type="submit" id="bank_btn" value="提交" placeholder=""/>
                            </li>

                        </ul>

                    </section>
                </main>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
            </div>
        </div>
        <div class="mui-off-canvas-backdrop"></div>
    </div>
</div>
{include file="public/footer"}
</body>
<script>

    $("#bank_btn").click(function(){
        $.ajax({
            url: "{:url('Wxsdk/ajaxWxConfigInfo')}",//请求地址
            type: 'post',//post请求
            dataType: 'json',
            contentType: "application/x-www-form-urlencoded; charset=utf-8",
            data: {
                'url': location.href.split('#')[0]//将第一个#号前的地址传递(后端必须获取这个地址才能换取正确的jsapi_ticket)
            },
            //请求成功的函数
            success: function (data) {
                var data = eval('(' + data + ')');

                wx.config({
                    debug: true,
                    appId: data.data.appId,
                    timestamp: data.data.timestamp,
                    nonceStr: data.data.nonceStr,
                    signature: data.data.signature,
                    jsApiList: ['checkJsApi', 'getLocation', 'openLocation']
                });
            }
        })

    });
</script>
</html>